This week in Flutter #32: Showcase your Flutter widgets with a new open source tool

Do you also work on a Flutter project with many screens and many custom widgets? How do you load a specific screen with specific dependencies when you work on it? How do you provide the screen to your designer for review?

If you felt uncomfortable answering these questions, have a look at Widgetbook. You can add it as a development dependency to your project, and then create a storybook of all your screens and custom widgets.

If you use proper dependency injection, you can have a page for each interesting use case of a given widget. If you don’t use proper dependency injection, then there is not much you can do, and you should address that problem first.

- Michele Volpato

Development 🧑‍💻

🔗 Draggable GridView In Flutter

When you have a grid of widgets of the same type, it might make sense to drag them around to, for example, change their order. You can learn how to do that in this article, by Shaiq khan.

🔗 Flutter: Comparing GetIt, Provider and Riverpod

Are you in the market for a state management package for Flutter? In this article, Shawn Blais compares three of the most used ones. The most complete one seems to be Riverpod. But many other packages handle state management, so have a look at the full family.

🔗 IgnorePointer & AbsorbPointer In Flutter

What is the difference between IgnorePointer and AbsorbPointer? They can be used similarly, but they are not the same. Learn more about them with this article by Dipak Sonawane.

🔗 Implementing route guards in Flutter web apps

When you develop a web app using Flutter, you need to know what to do when the user navigates back in the browser. One way to handle this case is by using route guards, as in this article by Chinmay Kabi.

Tools 🛠

🔗 Continuous Integration for Flutter Apps on iOS with Semaphore

Semaphore is a CI/CD platform I did not know. They have a better free plan, compared to Bitrise, my go-to CI/CD platform for mobile development. In this article, they explain how to set up a pipeline for a Flutter project, which is not among their “starter” project. I will give it a try.

Note: the Bitrise link is a referral link. If you create an account I will get some minutes for free.

Others 🤷‍♂️

🔗 Awesome flutter image components

Tony Larry compiled a list of useful packages and widgets related to images. I did not know many of them.

That’s it for this week.

If you want to comment on any of this week’s entries, you can do it in the comment section below.

Have a bug-free week,

- Michele Volpato